<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的第一个登录界面</title>
	<link rel="stylesheet" href="/CSS/mycss.css">
	<style>
		#jsprac {display: none;}
	</style>
	<script type="text/javascript" src="/js/myjs.js"></script>
</head>
<body>
	<div class = "contain">
		<!-- 导航栏 -->
		<div class="navigator">
			<ul>
				<li><a href="">链接二</a></li>
				<li><a href="">链接一</a></li>
				<li><a href="" onmousemove="mouseover()" onmouseout="mouseout()">首页</a></li>
			</ul>
			<div id="jsprac" >练习JavaScript，此链接尚无地址</div>
		</div>
		<!-- 左面放一些介绍 ，右面是登陆主体页面-->
		<div class="main">
			<div class="left">
				<h1>网站设计与开发第一个实践</h1>
				<h4>静态网页登陆界面</h4>
				<br><br>
				<p>东北大学秦皇岛分校</p>
				<p>大电一！</p>
			</div>
			<div class="right">
				<div class="land">
					<form action="" method="get">
						<p class="headline">用户登录</p>
						<p class="astyle">用户名</p>
						<input type="text">
						<p class="astyle">密码</p>
						<input type="password">
						<p><input type="submit" value="登录"  id="landbut"></p>
						<br>
						<p class="bstyle"><input type="checkbox" name="rempas" />记住密码</p>
						<p class="cstyle">忘记密码？</p>
						</br></br>
						<p class="cstyle">没有账号？<a href="">立即注册</a></p>
					</form>
				</div>
				<div id="div1">
					<span id = "span1">分享到</span>
					哈哈！不要激动，只是为了练习js定时器，暂时没有分享功能！
				</div>
			</div>
		</div>
		<!-- 尾部 -->
		<div class="foot">
				<ul>
					<li><a href="#">关于我</a></li>
					<li><a href="#">东北大学秦皇岛分校电子商务160105</a></li>
				</ul>
		</div>
	</div>
</body>
</html>